<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico" /> -->
    <link
      rel="stylesheet"
      href="http://at.alicdn.com/t/font_2044415_f09yefjp47a.css"
    />
    <title><%= VUE_APP_TITLE %></title>
    <style>
      .browser-mask {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 9999;
        background: #fff;
      }
      .outdated_browser {
        width: 1000px;
        margin: 0 auto;
      }
      .browser_list {
        padding: 10px 0;
      }
      .outdated_browser .browser_list li + li {
        margin-left: 20px;
      }
      .outdated_browser .browser_list:after {
        content: '.';
        display: block;
        height: 0;
        line-height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0;
      }
      .outdated_browser .browser_list li {
        height: 45px;
        line-height: 45px;
        float: left;
        display: inline;
        list-style: none;
        background-size: 45px 45px;
        background-repeat: no-repeat;
      }
      .outdated_browser .browser_list li a {
        font-size: 28px;
        color: red;
        text-decoration: underline;
      }
    </style>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but <%= VUE_APP_TITLE %> doesn't work properly without
        JavaScript enabled. Please enable it to continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  <script>
    var userAgent = navigator.userAgent // 取得浏览器的userAgent字符串
    var isIE =
      userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 // 判断是否IE<11浏览器
    var isIE11 =
      userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1
    var ie = true
    if (isIE) {
      var reIE = new RegExp('MSIE (\\d+\\.\\d+);')
      reIE.test(userAgent)
      var fIEVersion = parseFloat(RegExp['$1'])
      if (fIEVersion === 7) {
        ie = false
      } else if (fIEVersion === 8) {
        ie = false
      } else if (fIEVersion === 9) {
        ie = false
      } else if (fIEVersion === 10) {
        ie = false
      } else {
        ie = false // IE版本<=7
      }
    } else if (isIE11) {
      ie = false // IE11
    }

    if (!ie) {
      var d = document.createElement('div')
      d.className = 'browser-mask'
      d.innerHTML =
        '<div class="outdated_browser">' +
        '<h1>您的浏览器不能正确浏览当前网站</h1>' +
        '<p>你正在使用 Internet Explorer 的早期版本（IE11以下版本 或使用该内核的浏览器）。这意味着在升级浏览器前，你将无法访问此网站。</p>' +
        '<hr/>' +
        '<h2>请注意：Windows XP 及 Internet Explorer 早期版本的支持已经结束</h2>' +
        '<p>自 2016 年 1 月 12 日起，Microsoft 不再为 IE 11 以下版本提供相应支持和更新。没有关键的浏览器安全更新，您的 PC 可能易受有害病毒、间谍软件和其他恶意软件的攻击，它们可以窃取或损害您的业务数据和信息。请参阅' +
        '<a href="https://www.microsoft.com/zh-cn/WindowsForBusiness/End-of-IE-support">微软对 Internet Explorer 早期版本的支持将于 2016 年 1 月 12 日结束的说明</a>。' +
        '</p>' +
        '<hr/>' +
        '<h2>更先进的浏览器</h2>' +
        '<p>推荐使用以下浏览器的最新版本。如果你的电脑已有以下浏览器的最新版本则直接使用该浏览器访问即可。</p>' +
        '<ul class="browser_list">' +
        '<li class="chrome">' +
        '<a href="https://sm.myapp.com/original/Browser/66.0.3359.139_chrome_installer.exe">谷歌浏览器</a>' +
        '</li>' +
        '<li class="firefox">' +
        '<a href="https://www.mozilla.org/zh-CN/firefox/new/">火狐浏览器</a>' +
        '</li>' +
        '<li class="qq_browser">' +
        '<a href="http://browser.qq.com/">QQ浏览器</a>' +
        '</li>' +
        '<li class="se360_browser">' +
        '<a href="http://se.360.cn/">360浏览器</a>' +
        '</li>' +
        '<li class="maxthon">' +
        '<a href="http://www.maxthon.cn/">傲游浏览器</a>' +
        '</li>' +
        '</ul>' +
        '<p>如果你不知道升级浏览器是什么意思，请请教一些熟练电脑操作的朋友。如果您正在使用360浏览器、QQ浏览器、搜狗浏览器等，可以尝试使用该浏览器的极速模式。</p>' +
        '</div>'
      var s = document.body
      s.appendChild(d)
    }
  </script>
</html>
